<template>
  <div class="q-pa-md" style="width: 400px;">
    <t-button-toggle
      v-model="model"
      toggle-color="primary"
      :options="[
        { label: 'One', value: 'one' },
        { label: 'Two', value: 'two' },
        { label: 'Three', value: 'three' },
      ]"
       itemsDataSourceType="option"
      :listDataSource="[
        { name: '四', code: '4',icons:'fas dx-icon icon-t-home' },
        { name: '五', code: '5',icons:'fas dx-icon icon-t-menu' },
        { name: '六', code: '6',icons:'fas dx-icon icon-t-set-up'},
      ]"
      displayField="name"
      valueField="code"
      iconField="icons"

    />
  </div>
</template>

<script>
  import { ref } from 'vue';

  export default {
    setup() {
      return {
        model: ref('6'),
      };
    },
  };
</script>
